Navigation bar

網站的導覽列讓使用者能快速切換想去的頁面，以及知道自己在網站的哪一個頁面。因為這次只做一頁，所以將導覽列設計得很簡單，分為關於我以及作品的部分。如果是大型網站導覽列就會需要分好層次，讓使用者能順利找到想去的頁面，通常是下拉是選單與側邊選單的結合。

來做這個部分吧！

由於導覽列需要可以點選後跳到各個區域，在 裡面插入連結標籤而不是單純文字

<nav>
	<a href="#"> About Me </a>
	<a href="#"> Web & APP </a>
	<a href="#"> Illustration </a>
	<a href="#"> Graphic </a>
</nav>

這樣Navigation bar html的部分就告一段落囉！

< a > 連結標籤

最基本的功能就是，點選包在<a> </a> 裡面的文字就會連到 href = "#" 雙引號裡的位置。

<a href="[https://www.facebook.com/](https://www.facebook.com/)" > Facebook </a>

在a標籤中添加各個屬性，讓他能提供跟連結有關的其他功能，這邊提到兩個之後會用到的屬性。

download

download屬性使連結點下去就會下載連結包含的文件或是圖片，在作品集之中使用能讓別人下載你的履歷。

target

由於a標籤預設是會在同個頁面開啟連結，如果是要在作品集中新增社群網站的連結時，target="blank"：另開新分頁開啟連結，就會派上用場。

下一章 標題與內文

※本文章所使用之圖片皆為本人作品，內容則為本人之經驗分享